.post-list
  padding: 0

  .post-item
    align-items: center
    margin-bottom: 1rem
    margin-left: 0
    list-style-type: none

    .title
      position: relative
      width: 100%

      a
        display: block

        span
          background-color: var(--color-background)

    .slug::before
      position: absolute
      top: 50%
      right: 0
      z-index: -1
      width: 100%
      border-bottom: 1px dashed var(--color-meta)
      content: " "
      opacity: .35

    .meta
      z-index: 1
      display: block
      height: fit-content
      color: var(--color-meta)
      font-size: .8rem

      time
        display: grid
        width: 5rem
        background-color: var(--color-background)
        text-align: left

@media (min-width: 480px)
  .post-list
    .post-item
      display: flex
      justify-content: space-between
      margin-bottom: 6px

.project-list
  padding: 0
  list-style: none

  .project-item
    margin-bottom: 6px

    p
      display: inline
